<%--
  Created by IntelliJ IDEA.
  User: ZZPTC
  Date: 2021/3/18
  Time: 12:51
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>淘淘网 - 首页</title>
 <%-- <link type="text/css" rel="stylesheet" href="css/style.css" />--%>
  <link rel="stylesheet" href="css/common/common.css"/>
  <link rel="stylesheet" href="css/index/index.css"/>
  <script type="text/javascript" src="scripts/function.js"></script>
</head>
<!--头部条黑色begin-->
<div id="topBar">
  <div class="page-cont-w1 mrg-auto pst-rel" >
    <!--一登录前 的左边菜单-->
    <div class="barL fl style-gray" >Hi，上午好！欢迎来到商贸城！<a class="style-red" href="login.html">请登录</a><a>免费注册</a></div>
    <!--一登录后 的左边菜单-->
    <ul id="welCBox" class="barL" style="display:none;" >
      <li><a class="welc">Hi，谨谨</a></li>
      <li><a class="news">消息<i>0</i></a> </li>
      <li><a>退出</a></li>
    </ul>

    <ul id="barR" class="barR pst-abs" >
      <li class="itemS"><a><em class="bar-ic"></em>我的交易</a>

      </li>
      <li class="jhdT itemS"><a><em class="bar-ic bar-ic-2"></em>进货单<b>17</b>款</a>

      </li>
      <li class="scj itemS"><a><em class="bar-ic bar-ic-3"></em>收藏夹</a>

      </li>
      <li class="itemS noList"><a><em class="bar-ic bar-ic-4"></em>在线客服</a></li>
      <li class="itemS"><a><em class="bar-ic bar-ic-5"></em>网站导购</a>

      </li>
    </ul>
  </div>
</div>
<!--头部条end-->


<div >
  <!--楼级begin-->
  <div class="floor-pre page-cont-w1 mrg-auto">
    <div class="floor-con">
      <div class="floor-tl"><span class="ic-style1"><b></b>乡村振兴</span><a class="go-mk fr" href="#">进入商场<em class="ic-style1"></em></a></div>
      <div class="floor-content">
        <div class="fl floor-label-list">
          <ul>
          <c:forEach items="${categoryList}" var="v" >
            <li>
              <c:if test="${v.tpcParentId == 0}">
                <p class="tl">${v.tpcName}</p>
              </c:if>
              <c:if test="${v.tpcParentId != 0}">
                <div class="list-item">
                   <a href="productListServlet?tpcId=${v.tpcId}">${v.tpcName}</a>
                </div>
                </c:if>
            </li>
          </c:forEach>
          </ul>
        </div>
        <div class="floor-gd-list fl">
          <ul class="list-item tc">
            <c:forEach items="${list}" var="v" begin="1" end="8">
              <li>
              <a href="/ProductListServlet?pid=${v.tpId}&pcid=${v.tpcChildId}&pcpid=${v.tpcId}"><img src="${v.tpFileName}"/>
                <h4 class="tc">${v.tpName}</h4></a>
              <h5 class="tc">市场价：<u> <fmt:formatNumber value="${v.tpPrice}"
                                                       type="currency"/></u></h5>
              </li>
            </c:forEach>
        </div>
        <div class="fl list-item-big">
          <c:forEach items="${hotrecoment}" var="v" begin="0" end="1">
            <a href="/ProductListServlet?pid=${v.tpId}&pcid=${v.tpcChildId}&pcpid=${v.tpcId}"><img src="${v.tpFileName}"/></a>
          </c:forEach>

     <%--     <a href="#"><img src="images/test_images/ad16.jpg"/></a>
          <a href="#"><img class="list-s" src="images/test_images/ad17.jpg"/></a>
          --%>

        </div>
      </div>
    </div>

  </div>
  <!--楼级end-->

  <!--您的足迹begin-->

  <div class="shop-pre page-cont-w1 mrg-auto">
    <div class="col-tl">您的足迹</div>
    <%--<ul class="shop-list">
      <li>
        <a href="#"><img src="images/test_images/ad13.jpg"/></a>
        <dl>
          <dt class="tc">T fore</dt>
          <dd class="tc">品牌男装、西装</dd>
        </dl>
      </li>--%>
      <c:forEach items="${userfootList}" var="v" begin="0" end="11">
        <li>
          <a href="/ProductListServlet?pid=${v.tpId}&pcid=${v.tpcChildId}&pcpid=${v.tpcId}"><img src="${v.tpFileName}"/></a>
            <dl>
              <dt class="tc">T fore</dt>
              <dd class="tc">品牌男装、西装</dd>
            </dl>
        </li>
      </c:forEach>
    </ul>
  </div>

</div>


</body>

</html>